@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
em, i{font-style: normal;}
.content{width: 1200px;margin:0 auto;}
/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:600px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#ffb400}
.flexslider .slides a img{width:100%;height:600px;display:block}

/*标题*/
.pubtit{height: 100px;margin:0 auto;text-align: center; }
.pubtit span{display: block;line-height: 30px;font-size: 32px;color: #c7c6c6;text-transform:Uppercase;font-family:"arial";}
.pubtit p{line-height: 40px;text-align: center;color: #666;font-size:30px;font-weight: 600;}

/*header start*/
.wel{background-color: #eee;height: 30px;}
.wel p{line-height:30px;color:#454545;}
.wel .right{line-height:30px; text-align: center;}
.wel .right a{ color: #454545; font-size: 14px;}
.wel .right a{ margin-right: 25px;}
.wel .right a:last-child{ margin-right: 0;}
.wel .right a.lan{display:block;float:left;width: 80px;line-height: 30px;background:#ad0404;text-align: center;color: #fff}
.wel .right a.lan2{display:block;float:left;width: 80px;line-height: 30px;background:#0182ac;text-align: center;color: #fff}
.header .head_top{height: 120px;}
.header .head_nav{background: #0182ac;height: 50px;border-top: 3px solid #fff;}
.header .head_nav ul li{width:150px;float: left;height: 50px;line-height: 50px;font-size: 16px;text-align: center;position: relative;}
.header .head_nav ul li a{font-weight: bold;color: #fff;display: block;width: 100%}
.header .head_nav ul li:hover{background: #ccc;height:50px;}
.header .head_nav ul li:hover a{color: #fff;border-top: 3px solid #ffb400;position: absolute;top: -3px}
.header .head_nav ul li.on {background: #ccc;height:50px;}
.header .head_nav ul li.on a{color: #fff; font-weight: bold;border-top: 3px solid #ffb400;position: absolute;top: -3px}
/*右侧图标*/
.head_top .right{ margin:30px 0 0;}
.head_top .right .icon{ margin: 0 16px 0 0;}
.head_top .dz-rx b{ display: block; color: #454545; font-size: 22px;line-height: 22px; margin-bottom: 10px;}
.head_top .dz-rx p{ font-size: 26px; color: #ffb400;font-weight: bold; line-height: 26px;}

/*product start*/
.product {overflow: hidden;}
.pro_l{width: 265px;}
.pro_l > ul > li > a{display: block; color: #444;font-weight: 700;line-height:82px;padding-left: 60px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;font-size:16px;background: url(../images/proicon1.png) no-repeat 20px #fff;text-overflow: ellipsis; }
.pro_l > ul > li:hover >a{background:url(../images/proicon1.2.png) no-repeat 20px #0182ac;color: #fff}
.pro_l ul.pt{border: 1px solid #ccc;}
.pro_l ul.pt li{border-bottom: 1px dashed #ccc;}
.pro_l ul.pt li:nth-child(5){border-bottom:none;}
.pro_title{padding:20px 0 20px 0; height:66px;font-size:30px;color:#Fff; background: url(../images/title_01.jpg) no-repeat left;text-align: center;}
.pro_title span{ display: block; font-size:20px; color:#ccc;text-transform: Uppercase;font-family: "arial";}
.pro_title a{color: #fff;}
.product{padding:50px 0 30px 0;}
.pro_con{width:920px;}
.pro_con li{width:278px;margin:0 0 26px 26px; border:1px #dfdfdf solid;float: left;border-bottom-color:#0182ac;}
.pro_con li img{ width:278px; height:210px;padding:0px;}
.down img{width:100%;height:305px;}
.pro_con li{ position: relative; display: inline-block; margin:0 0 15px 23px; background: #fff; overflow: hidden;border: 2px #05759a solid;}
.pro_con i.one{color:#333; text-align: center;padding:10px 30px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box{ opacity: 0; position: absolute;left:0; top:100%; text-align: center;padding:80px 0 0 0; height:100%;width:100%;  background:rgba(1,130,172,0.8)}
.pro_con li .box i.two{ color:#fff;font-size:14px;padding: 0 20px; margin:10px 0 0 0;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box img{ display: block; margin: auto; height:auto;width:auto;}
.pro_con li:hover .box{ opacity: 1;top:0}
.pro_con li:hover i.one{ opacity: 0;}
.pro_con li:hover .rightDown span{   border-bottom: 35px solid #ffb400;}
.pro_con .rightDown span{position:absolute;bottom:0;right:0;width:0;height:0;border-left:35px solid transparent;border-bottom:35px solid #0182ac;-webkit-animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}
.pro_con .rightDown b{position:absolute; bottom:1px;right:3px;  color:#fff; font-size:20px;}

/*关于我们*/
.scroll_bg{width: 100%;height: 100%;background-image: url(../images/scroll_bg.png);background-attachment: fixed;background-position: 50% 0%;background-repeat: no-repeat;position: absolute;z-index: -1;}
.company {padding: 50px 0;background: url(../images/combg.png) no-repeat center top;height:400px;}
.company .title{width:388px;color: #fff; padding-top: 50px;}
.company .title p.p1{line-height: 40px;color: #fff;font-size: 30px; font-weight: 600;}
.company .title p.p2{font-size: 30px;color: #0182ac;line-height:90px;font-weight: bold;}
.company .title p.p3{font-size:15px;color: #fff;line-height:25px;}
.company .title i{ display: block;line-height: 30px;font-size:28px;color: #eee;text-transform: Uppercase;font-family: "arial";}
.company .com_body{width:590px;}
.company .com_body .com_con{color: #fff}
.company .com_body .com_con b{font-size: 18px;color: #f0ab00;display: block;margin: 50px 0 20px}
.company .com_body .com_con p{line-height: 25px;text-indent: 2em;}
.company .com_body img{margin: 20px 0}

/*资质荣誉*/
.honor .pic{ height:383px;background:url(../images/pic_bg.jpg) no-repeat center top; padding-top:90px; overflow:hidden;}
.honor .pic .title{padding-top: 50px;padding-left: 20px;padding-right: 20px;}
.honor .pic .title p{line-height: 40px;color: #fff;font-size: 30px; font-weight: 600;}
.honor .pic .title i{display: block;    text-align: center;line-height: 30px;font-size:20px;color: #ccc;text-transform: Uppercase;font-family: "arial";}
.honor .pic1{width:910px;}
.honor .pic1 li{ width:240px;float:left; margin-right:12px;border: 1px solid #ccc; }
.honor .pic1 li img{width:240px; height:180px; }
.honor .pic1 li a:hover img{border:1px solid #0182ac;}

/*生产装备*/
.sczb{box-sizing:border-box;padding:50px 0;background-color: #fff;}
.sczb .content{position:relative}
.c_u{position:absolute;left:-70px;top:245px;z-index:5;cursor:pointer}
.c_d{position:absolute;right:-70px;top:245px;z-index:5;cursor:pointer}
.c_d img,.c_u img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity:.7}
.c_d:hover img,.c_u:hover img{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:none;opacity:1}
.sczb ul li{float:left;width:280px;height:348px;margin-left:7px;margin-right:12px;background:#fff;overflow:hidden;border:1px solid #e4e4e4;}
.sczb ul li img{width:280px;height:210px;/transition:all .3s linear 0s}
.sczb ul li i{display:block;margin:31px 28px 17px;font-size:22px;color:#454545;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;font-style: normal;}
.sczb ul li:hover i{color:#0182ac}
.sczb ul li b{display:block;margin-right:30px;float:right;width:20px;height:20px;background:url(../images/c_io2.png) no-repeat}
.sczb ul li b img{width:8px;height:10px}
.sczb ul li:hover b{background:url(../images/c_io1.png) no-repeat}
.sczb a.more{display: block;width: 120px;line-height: 35px;font-size: 16px;border: 1px solid #f39700;border-radius: 20px; margin: 0 auto;text-align: center; margin-top: 20px;}
.sczb a.more:hover{color: #fff;background-color: #0061a6;border: 1px solid #0061a6;}
.sczb a.more1{width:120px; height: 30px; line-height: 35px;text-align:center; color: #666;display: block;font-size: 14px; position: absolute; margin-left:79px;margin-top: 3px;}
.sczb a.more1 img{width:30px; height: 30px;}

/*广告条*/
.xbanner{background:url(../images/xbanner.png) #fff no-repeat center;text-align: center;height: 300px;margin-top: -38px;}
.xbanner .xt{margin-top:70px;margin-right: 100px;}
.xbanner p{ background: url(../images/tel2.png) no-repeat left center;font-size: 17px; line-height: 65px; color: #fff; padding-left: 50px;padding-right: 10px;}
.xbanner span{font-weight: bold;font-size: 28px;color: #ffb400;border: 1px solid #fff; border-radius: 10px;background: #fff;line-height: 40px; padding-left: 20px; padding-right:20px;}

/*新闻中心*/
.news{padding: 50px 0;background-color:#fff}
.new_l{width:786px;height:539px;box-sizing:border-box;border:1px solid #e8e8e8}
.new_l .exm{font-weight:400;padding:18px 26px 0;height:169px;border-bottom:1px solid #e8e8e8;overflow:hidden}
.new_l .exm i{display:block;overflow:hidden}
.new_l .exm i span{display:inline-block;width:49px;height:48px;font-size:24px;background:url(../images/h_hot.png) no-repeat;padding:8px 6px 0 0;line-height:39px;text-align:center;margin-right:6px;float:left}
.new_l .exm i a{display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float:left;color:#111;font-size:18px;padding-top:17px}
.new_l .exm i a:hover{color:#0182ac}
.new_l .exm em{display:block;font-size:14px;color:#999;line-height:26px;padding-top:10px}
.new_l .exm em a:hover{color:#0182ac}

/*两个示范*/
.n_on{height:155px;border-bottom:1px solid #e8e8e8;margin-bottom:20px}
.n_on .n1{overflow:hidden;float:left;padding:28px 0 0 28px;width:342px;margin-right:23px}
.n_on .n1:last-of-type{margin-right:0;border-left:1px solid #e8e8e8;height:128px}
.n_on .n1 .date{float:left;width:52px;height:99px;background:#ccc;text-align:center;box-sizing:border-box;font-family:Arial;font-size:16px;color:#fff;padding-top:30px}
.n_on .n1 .date span{display:block;    font-size: 20px;line-height: 30px;}
.n_on .n1 .nr{float:right;width:278px;float:right}
.n_on .n1 .nr a{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:16px;color:#333;font-weight:400;margin:10px 0}
.n_on .n1 .nr p{color:#999;font-size:14px;line-height:26px}
.n_on .n1:hover .date{background:#0182ac}
.n_on .n1:hover .nr a{color:#0182ac}
/*左边*/
.new_l ul{padding-left:28px}
.new_l ul li{overflow:hidden}
.new_l ul li{padding-left: 18px; line-height: 35px;overflow: hidden;background:url(../images/n_io.jpg) no-repeat 0 15px}
.new_l ul li a{font-size:14px;color:#333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_l ul li a:hover{color:#0182ac}
.new_l ul li span{display:inline-block;float:right;padding-right:28px;color:#8c8c8c;font-size:14px}
/*右侧百科*/
.new_r{width:381px;height:539px;background:#f1f1f1;box-sizing:border-box;padding:0 15px}
.new_r .nrtit{font-weight:400;line-height:100%;padding:20px 0 19px 0}
.new_r .nrtit a{font-size:20px;color:#333}
.new_r .nrtit span{display:inline-block;float:right;padding-top:7px}
.new_r .nrtit span a{font-size:14px;color:#666}
.new_r .nrtit a:hover{color:#0182ac}
.new_r .n2{height:288px;overflow:hidden;border-bottom:1px dashed #ccc;margin-bottom:20px}
.new_r .n2img{width: 360px;height: 200px;}
.new_r .n2img img{width: 360px;height: 200px;}
.new_r a.n2tit{display: block; color: #454545; font-size: 16px; line-height: 27px;padding: 18px 18px 0;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.new_r a.n2tit:hover{color:#0182ac}
.new_r ul li{padding-left:24px;line-height: 35px;background:url(../images/n_io.png) no-repeat 8px 15px}
.new_r ul li a{font-size:14px;color:#333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_r ul li a:hover{color:#0182ac}

/*footer start*/
.footer{background: #333;padding: 30px 0 0px;}
.foot_product{width: 300px;}
.foot_product ul li {float: left;width: 50%;}
.foot_product ul li:nth-child(2n) {margin-right: 0;}
.foot_product ul li a {color: #d9d9d9;font-size: 15px;display: block;padding-left: 20px;background: url(../images/fk.png)no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height:35px;}
.foot_product b {display:block;color: #fff;font-size: 17px;margin-bottom: 30px;}
.foot_lianxi {width: 335px;margin-left: 114px;}
.foot_lianxi b {display:block;color: #fff;font-size: 17px;margin-bottom: 30px;}
.foot_lianxi ul li { line-height: 35px;font-size: 16px;color: #d9d9d9;}
.foot_lianxi ul li p {color: #d9d9d9;font-size: 15px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.foot_lianxi ul li a{color: #d9d9d9;}
.foot_lianxi ul li img {vertical-align: middle;margin-right: 20px;}
.footer .foot_logo{width: 220px;height: 180px;}
.footer .foot_logo img{width: 150px;height: 180px;display: block;margin:0 auto;}
.footer .foot_logo p{line-height: 30px;color: #fff;font-weight: bold;font-size: 17px;text-align: center;}
.foot_bot{background: #444;line-height: 35px;margin-top: 20px;}
.foot_bot span{color: #ccc;}
.foot_bot a{color: #ccc;}
